<template>
  <view class="message-container">
    <tabBar :activeIndex="2" />
    <view class="right-content">
      <view class="message-top"> 信息 </view>
      <u-tabs
        v-if="false"
        :list="list1"
        @click="click"
        lineWidth="0"
        :itemStyle="itemStyle"
        :activeStyle="activeStyle"
        :inactiveStyle="inactiveStyle"
      ></u-tabs>
      <MssageSend :list="messageList" />
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      //现在只有信息发布，activeTab暂时不用
      activeTab: 0,
      list1: [
        {
          name: "企情问询",
        },
        {
          name: "董事调研",
        },
        {
          name: "履职记录",
        },
        {
          name: "信息发布",
        },
      ],
      itemStyle: {
        flex: 1,
        width: "21vw",
        height: "8.5vw",
        lineHeight: "8.5vw",
        fontSize: "3vw",
        padding: "0",
        border: "1px solid rgb(213,213,213)",
      },
      inactiveStyle: {
        width: "100%",
        height: "100%",
        textAlign: "center",
        fontSize: "3vw",
      },
      activeStyle: {
        backgroundColor: "rgb(213, 213, 213)",
        width: "100%",
        height: "100%",
        textAlign: "center",
        fontSize: "3vw",
      },
      activeTab: 0,
      messageList: [
        { title: "关于XXXXXXXXXX的信息" },
        { title: "关于XXXXXXXXXX的信息" },
        { title: "关于XXXXXXXXXX的信息" },
        { title: "关于XXXXXXXXXX的信息" },
        { title: "关于XXXXXXXXXX的信息" },
        { title: "关于XXXXXXXXXX的信息" },
        { title: "关于XXXXXXXXXX的信息" },
        { title: "关于XXXXXXXXXX的信息" },
        { title: "关于XXXXXXXXXX的信息" },
        { title: "关于XXXXXXXXXX的信息" },
        { title: "关于XXXXXXXXXX的信息" },
        { title: "关于XXXXXXXXXX的信息" },
        { title: "关于XXXXXXXXXX的信息" },
      ],
    };
  },
  methods: {
    click(item) {
      this.activeTab = item.index;
    },
  },
};
</script>

<style lang="scss">
@import "@/static/css/_px2vw.scss";
.tabActive {
  background-color: rgb(213, 213, 213);
}
.message-container {
  .message-top {
    width: 100%;
    height: vw(50);
    line-height: vw(50);
    font-size: vw(20);
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    background-color: rgba(64, 158, 255, 1);
  }
}
</style>
